<!DOCTYPE html>
<html class=" ">
<head>
    <!--
     * @Package: Ultra Admin - Responsive Theme
     * @Subpackage: Bootstrap
     * @Version: 2.0
     * This file is part of Ultra Admin Theme.
    -->
    <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
    <meta charset="utf-8"/>
    <title>Ultra Admin : Dashboard</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>

    <link rel="shortcut icon" href="assets/images/favicon.png" type="image/x-icon"/>
    <!-- Favicon -->
    <link rel="apple-touch-icon-precomposed" href="assets/images/apple-touch-icon-57-precomposed.png">
    <!-- For iPhone -->
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/images/apple-touch-icon-114-precomposed.png">
    <!-- For iPhone 4 Retina display -->
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/images/apple-touch-icon-72-precomposed.png">
    <!-- For iPad -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/images/apple-touch-icon-144-precomposed.png">
    <!-- For iPad Retina display -->


    <!-- CORE CSS FRAMEWORK - START -->
    <link href="assets/plugins/pace/pace-theme-flash.css" rel="stylesheet" type="text/css" media="screen"/>
    <link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/fonts/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/animate.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/perfect-scrollbar/perfect-scrollbar.css" rel="stylesheet" type="text/css"/>
    <!-- CORE CSS FRAMEWORK - END -->

    <!-- OTHER SCRIPTS INCLUDED ON THIS PAGE - START -->
    <link href="assets/plugins/morris-chart/css/morris.css" rel="stylesheet" type="text/css" media="screen"/>
    <link href="assets/plugins/jquery-ui/smoothness/jquery-ui.min.css" rel="stylesheet" type="text/css" media="screen"/>
    <link href="assets/plugins/rickshaw-chart/css/graph.css" rel="stylesheet" type="text/css" media="screen"/>
    <link href="assets/plugins/rickshaw-chart/css/detail.css" rel="stylesheet" type="text/css" media="screen"/>
    <link href="assets/plugins/rickshaw-chart/css/legend.css" rel="stylesheet" type="text/css" media="screen"/>
    <link href="assets/plugins/rickshaw-chart/css/extensions.css" rel="stylesheet" type="text/css" media="screen"/>
    <link href="assets/plugins/rickshaw-chart/css/rickshaw.min.css" rel="stylesheet" type="text/css" media="screen"/>
    <link href="assets/plugins/rickshaw-chart/css/lines.css" rel="stylesheet" type="text/css" media="screen"/>
    <link href="assets/plugins/jvectormap/jquery-jvectormap-2.0.1.css" rel="stylesheet" type="text/css" media="screen"/>
    <link href="assets/plugins/icheck/skins/minimal/white.css" rel="stylesheet" type="text/css" media="screen"/>
    <!-- OTHER SCRIPTS INCLUDED ON THIS PAGE - END -->


    <!-- CORE CSS TEMPLATE - START -->
    <link href="assets/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/responsive.css" rel="stylesheet" type="text/css"/>
    <!-- CORE CSS TEMPLATE - END -->

</head>
<!-- END HEAD -->

<!-- BEGIN BODY -->
<body class=" "><!-- START TOPBAR -->
<div class='page-topbar '>
<div class='logo-area'>

</div>
<div class='quick-area'>
<div class='pull-left'>
<ul class="info-menu left-links list-inline list-unstyled">
<li class="sidebar-toggle-wrap">
    <a href="#" data-toggle="sidebar" class="sidebar_toggle">
        <i class="fa fa-bars"></i>
    </a>
</li>
<li class="message-toggle-wrapper">
    <a href="#" data-toggle="dropdown" class="toggle">
        <i class="fa fa-envelope"></i>
        <span class="badge badge-primary">7</span>
    </a>
    <ul class="dropdown-menu messages animated fadeIn">

        <li class="list">

            <ul class="dropdown-menu-list list-unstyled ps-scrollbar">
                <li class="unread status-available">
                    <a href="javascript:;">
                        <div class="user-img">
                            <img src="data/profile/avatar-1.png" alt="user-image" class="img-circle img-inline">
                        </div>
                        <div>
                                                    <span class="name">
                                                        <strong>Clarine Vassar</strong>
                                                        <span class="time small">- 15 mins ago</span>
                                                        <span class="profile-status available pull-right"></span>
                                                    </span>
                                                    <span class="desc small">
                                                        Sometimes it takes a lifetime to win a battle.
                                                    </span>
                        </div>
                    </a>
                </li>
                <li class=" status-away">
                    <a href="javascript:;">
                        <div class="user-img">
                            <img src="data/profile/avatar-2.png" alt="user-image" class="img-circle img-inline">
                        </div>
                        <div>
                                                    <span class="name">
                                                        <strong>Brooks Latshaw</strong>
                                                        <span class="time small">- 45 mins ago</span>
                                                        <span class="profile-status away pull-right"></span>
                                                    </span>
                                                    <span class="desc small">
                                                        Sometimes it takes a lifetime to win a battle.
                                                    </span>
                        </div>
                    </a>
                </li>
                <li class=" status-busy">
                    <a href="javascript:;">
                        <div class="user-img">
                            <img src="data/profile/avatar-3.png" alt="user-image" class="img-circle img-inline">
                        </div>
                        <div>
                                                    <span class="name">
                                                        <strong>Clementina Brodeur</strong>
                                                        <span class="time small">- 1 hour ago</span>
                                                        <span class="profile-status busy pull-right"></span>
                                                    </span>
                                                    <span class="desc small">
                                                        Sometimes it takes a lifetime to win a battle.
                                                    </span>
                        </div>
                    </a>
                </li>
                <li class=" status-offline">
                    <a href="javascript:;">
                        <div class="user-img">
                            <img src="data/profile/avatar-4.png" alt="user-image" class="img-circle img-inline">
                        </div>
                        <div>
                                                    <span class="name">
                                                        <strong>Carri Busey</strong>
                                                        <span class="time small">- 5 hours ago</span>
                                                        <span class="profile-status offline pull-right"></span>
                                                    </span>
                                                    <span class="desc small">
                                                        Sometimes it takes a lifetime to win a battle.
                                                    </span>
                        </div>
                    </a>
                </li>
                <li class=" status-offline">
                    <a href="javascript:;">
                        <div class="user-img">
                            <img src="data/profile/avatar-5.png" alt="user-image" class="img-circle img-inline">
                        </div>
                        <div>
                                                    <span class="name">
                                                        <strong>Melissa Dock</strong>
                                                        <span class="time small">- Yesterday</span>
                                                        <span class="profile-status offline pull-right"></span>
                                                    </span>
                                                    <span class="desc small">
                                                        Sometimes it takes a lifetime to win a battle.
                                                    </span>
                        </div>
                    </a>
                </li>
                <li class=" status-available">
                    <a href="javascript:;">
                        <div class="user-img">
                            <img src="data/profile/avatar-1.png" alt="user-image" class="img-circle img-inline">
                        </div>
                        <div>
                                                    <span class="name">
                                                        <strong>Verdell Rea</strong>
                                                        <span class="time small">- 14th Mar</span>
                                                        <span class="profile-status available pull-right"></span>
                                                    </span>
                                                    <span class="desc small">
                                                        Sometimes it takes a lifetime to win a battle.
                                                    </span>
                        </div>
                    </a>
                </li>
                <li class=" status-busy">
                    <a href="javascript:;">
                        <div class="user-img">
                            <img src="data/profile/avatar-2.png" alt="user-image" class="img-circle img-inline">
                        </div>
                        <div>
                                                    <span class="name">
                                                        <strong>Linette Lheureux</strong>
                                                        <span class="time small">- 16th Mar</span>
                                                        <span class="profile-status busy pull-right"></span>
                                                    </span>
                                                    <span class="desc small">
                                                        Sometimes it takes a lifetime to win a battle.
                                                    </span>
                        </div>
                    </a>
                </li>
                <li class=" status-away">
                    <a href="javascript:;">
                        <div class="user-img">
                            <img src="data/profile/avatar-3.png" alt="user-image" class="img-circle img-inline">
                        </div>
                        <div>
                                                    <span class="name">
                                                        <strong>Araceli Boatright</strong>
                                                        <span class="time small">- 16th Mar</span>
                                                        <span class="profile-status away pull-right"></span>
                                                    </span>
                                                    <span class="desc small">
                                                        Sometimes it takes a lifetime to win a battle.
                                                    </span>
                        </div>
                    </a>
                </li>

            </ul>

        </li>

        <li class="external">
            <a href="javascript:;">
                <span>Read All Messages</span>
            </a>
        </li>
    </ul>

</li>
<li class="notify-toggle-wrapper">
    <a href="#" data-toggle="dropdown" class="toggle">
        <i class="fa fa-bell"></i>
        <span class="badge badge-orange">3</span>
    </a>
    <ul class="dropdown-menu notifications animated fadeIn">
        <li class="total">
                                    <span class="small">
                                        You have <strong>3</strong> new notifications.
                                        <a href="javascript:;" class="pull-right">Mark all as Read</a>
                                    </span>
        </li>
        <li class="list">

            <ul class="dropdown-menu-list list-unstyled ps-scrollbar">
                <li class="unread available"> <!-- available: success, warning, info, error -->
                    <a href="javascript:;">
                        <div class="notice-icon">
                            <i class="fa fa-check"></i>
                        </div>
                        <div>
                                                    <span class="name">
                                                        <strong>Server needs to reboot</strong>
                                                        <span class="time small">15 mins ago</span>
                                                    </span>
                        </div>
                    </a>
                </li>
                <li class="unread away"> <!-- available: success, warning, info, error -->
                    <a href="javascript:;">
                        <div class="notice-icon">
                            <i class="fa fa-envelope"></i>
                        </div>
                        <div>
                                                    <span class="name">
                                                        <strong>45 new messages</strong>
                                                        <span class="time small">45 mins ago</span>
                                                    </span>
                        </div>
                    </a>
                </li>
                <li class=" busy"> <!-- available: success, warning, info, error -->
                    <a href="javascript:;">
                        <div class="notice-icon">
                            <i class="fa fa-times"></i>
                        </div>
                        <div>
                                                    <span class="name">
                                                        <strong>Server IP Blocked</strong>
                                                        <span class="time small">1 hour ago</span>
                                                    </span>
                        </div>
                    </a>
                </li>
                <li class=" offline"> <!-- available: success, warning, info, error -->
                    <a href="javascript:;">
                        <div class="notice-icon">
                            <i class="fa fa-user"></i>
                        </div>
                        <div>
                                                    <span class="name">
                                                        <strong>10 Orders Shipped</strong>
                                                        <span class="time small">5 hours ago</span>
                                                    </span>
                        </div>
                    </a>
                </li>
                <li class=" offline"> <!-- available: success, warning, info, error -->
                    <a href="javascript:;">
                        <div class="notice-icon">
                            <i class="fa fa-user"></i>
                        </div>
                        <div>
                                                    <span class="name">
                                                        <strong>New Comment on blog</strong>
                                                        <span class="time small">Yesterday</span>
                                                    </span>
                        </div>
                    </a>
                </li>
                <li class=" available"> <!-- available: success, warning, info, error -->
                    <a href="javascript:;">
                        <div class="notice-icon">
                            <i class="fa fa-check"></i>
                        </div>
                        <div>
                                                    <span class="name">
                                                        <strong>Great Speed Notify</strong>
                                                        <span class="time small">14th Mar</span>
                                                    </span>
                        </div>
                    </a>
                </li>
                <li class=" busy"> <!-- available: success, warning, info, error -->
                    <a href="javascript:;">
                        <div class="notice-icon">
                            <i class="fa fa-times"></i>
                        </div>
                        <div>
                                                    <span class="name">
                                                        <strong>Team Meeting at 6PM</strong>
                                                        <span class="time small">16th Mar</span>
                                                    </span>
                        </div>
                    </a>
                </li>

            </ul>

        </li>

        <li class="external">
            <a href="javascript:;">
                <span>Read All Notifications</span>
            </a>
        </li>
    </ul>
</li>
<li class="hidden-sm hidden-xs searchform">
    <div class="input-group">
                                <span class="input-group-addon input-focus">
                                    <i class="fa fa-search"></i>
                                </span>

        <form action="search-page.html" method="post">
            <input type="text" class="form-control animated fadeIn" placeholder="Search & Enter">
            <input type='submit' value="">
        </form>
    </div>
</li>
</ul>
</div>
<div class='pull-right'>
    <ul class="info-menu right-links list-inline list-unstyled">
        <li class="profile">
            <a href="#" data-toggle="dropdown" class="toggle">
                <img src="data/profile/profile.png" alt="user-image" class="img-circle img-inline">
                <span>Jason Bourne <i class="fa fa-angle-down"></i></span>
            </a>
            <ul class="dropdown-menu profile animated fadeIn">
                <li>
                    <a href="#settings">
                        <i class="fa fa-wrench"></i>
                        Settings
                    </a>
                </li>
                <li>
                    <a href="#profile">
                        <i class="fa fa-user"></i>
                        Profile
                    </a>
                </li>
                <li>
                    <a href="#help">
                        <i class="fa fa-info"></i>
                        Help
                    </a>
                </li>
                <li class="last">
                    <a href="ui-login.html">
                        <i class="fa fa-lock"></i>
                        Logout
                    </a>
                </li>
            </ul>
        </li>
        <li class="chat-toggle-wrapper">
            <a href="#" data-toggle="chatbar" class="toggle_chat">
                <i class="fa fa-comments"></i>
                <span class="badge badge-warning">9</span>
            </a>
        </li>
    </ul>
</div>
</div>

</div>
<!-- END TOPBAR -->
<!-- START CONTAINER -->
<div class="page-container row-fluid">

<!-- SIDEBAR - START -->
<div class="page-sidebar ">


<!-- MAIN MENU - START -->
<div class="page-sidebar-wrapper" id="main-menu-wrapper">

<!-- USER INFO - START -->
<div class="profile-info row">

    <div class="profile-image col-md-4 col-sm-4 col-xs-4">
        <a href="ui-profile.html">
            <img src="data/profile/profile.png" class="img-responsive img-circle">
        </a>
    </div>

    <div class="profile-details col-md-8 col-sm-8 col-xs-8">

        <h3>
            <a href="ui-profile.html">Jason Bourne</a>

            <!-- Available statuses: online, idle, busy, away and offline -->
            <span class="profile-status online"></span>
        </h3>

        <p class="profile-title">Web Developer</p>

    </div>

</div>
<!-- USER INFO - END -->


<ul class='wraplist'>


<li class="open">
    <a href="index.html">
        <i class="fa fa-dashboard"></i>
        <span class="title">Dashboard</span>
    </a>
</li>
<li class="">
    <a href="widgets.html">
        <i class="fa fa-th"></i>
        <span class="title">Widgets</span><span class="label label-orange nosubmenu">HOT</span>
    </a>
</li>
<li class="">
    <a href="javascript:;">
        <i class="fa fa-suitcase"></i>
        <span class="title">UI Elements</span>
        <span class="arrow "></span>
    </a>
    <ul class="sub-menu">
        <li>
            <a class="" href="ui-typography.html">Typography</a>
        </li>
        <li>
            <a class="" href="ui-accordion.html">Tabs & Accordions</a>
        </li>
        <li>
            <a class="" href="ui-progress.html">Progress Bars</a>
        </li>
        <li>
            <a class="" href="ui-icons.html">Icons</a>
        </li>
        <li>
            <a class="" href="ui-buttons.html">Buttons</a>
        </li>
        <li>
            <a class="" href="ui-modals.html">Modals</a>
        </li>
        <li>
            <a class="" href="ui-notifications.html">Alert & Notifications</a>
        </li>
        <li>
            <a class="" href="ui-tooltips.html">Tooltips & Popovers</a>
        </li>
        <li>
            <a class="" href="ui-sortable.html">Sortable Group</a>
        </li>
        <li>
            <a class="" href="ui-navbars.html">Navbars & Dropdowns</a>
        </li>
        <li>
            <a class="" href="ui-extra.html">Other Elements</a>
        </li>
        <li>
            <a class="" href="ui-carousel.html">Carousel Slider</a>
        </li>
        <li>
            <a class="" href="ui-tree.html">Tree</a>
        </li>
        <li>
            <a class="" href="ui-panels.html">Draggable Panels</a>
        </li>
        <li>
            <a class="" href="ui-grids.html">Grids</a>
        </li>
        <li>
            <a class="" href="ui-tiles.html">Tile Widgets</a>
        </li>
    </ul>
</li>
<li class="">
    <a href="javascript:;">
        <i class="fa fa-sliders"></i>
        <span class="title">Forms</span>
        <span class="arrow "></span>
    </a>
    <ul class="sub-menu">
        <li>
            <a class="" href="form-elements.html">Form Elements</a>
        </li>
        <li>
            <a class="" href="form-components.html">Form Components</a>
        </li>
        <li>
            <a class="" href="form-wizard.html">Form Wizard</a>
        </li>
        <li>
            <a class="" href="form-validation.html">Form Validations</a>
        </li>
        <li>
            <a class="" href="form-fileupload.html">File Upload & Dropzone</a>
        </li>
        <li>
            <a class="" href="form-editors.html">Editors</a>
        </li>
        <li>
            <a class="" href="form-masks.html">Input Masks</a>
        </li>
    </ul>
</li>
<li class="">
    <a href="javascript:;">
        <i class="fa fa-gift"></i>
        <span class="title">Extra</span>
        <span class="arrow "></span><span class="label label-orange">NEW</span>
    </a>
    <ul class="sub-menu">
        <li>
            <a class="" href="ui-calendar.html">Calendar</a>
        </li>
        <li>
            <a class="" href="ui-pricing.html">Pricing tables</a>
        </li>
        <li>
            <a class="" href="ui-profile.html">Profile</a>
        </li>
        <li>
            <a class="" href="ui-login.html">Login</a>
        </li>
        <li>
            <a class="" href="ui-register.html">Registration</a>
        </li>
        <li>
            <a class="" href="ui-timeline.html">Timeline</a>
        </li>
        <li>
            <a class="" href="ui-invoice.html">Invoice</a>
        </li>
        <li>
            <a class="" href="ui-members.html">Members</a>
        </li>
        <li>
            <a class="" href="ui-gallery.html">Gallery</a>
        </li>
        <li>
            <a class="" href="ui-search.html">Search</a>
        </li>
        <li>
            <a class="" href="ui-blogs.html">Blogs</a>
        </li>
        <li>
            <a class="" href="ui-imagecrop.html">Image cropper</a>
        </li>
        <li>
            <a class="" href="ui-tocify.html">Tocify</a>
        </li>
        <li>
            <a class="" href="ui-faq.html">FAQ</a>
        </li>
        <li>
            <a class="" href="ui-404.html">404</a>
        </li>
        <li>
            <a class="" href="ui-500.html">500</a>
        </li>
        <li>
            <a class="" href="ui-lockscreen.html">Lock Screen</a>
        </li>
    </ul>
</li>
<li class="">
    <a href="javascript:;">
        <i class="fa fa-envelope"></i>
        <span class="title">Mailbox</span>
        <span class="arrow "></span><span class="label label-orange">4</span>
    </a>
    <ul class="sub-menu">
        <li>
            <a class="" href="mail-inbox.html">Inbox</a>
        </li>
        <li>
            <a class="" href="mail-compose.html">Compose</a>
        </li>
        <li>
            <a class="" href="mail-view.html">View</a>
        </li>
    </ul>
</li>
<li class="">
    <a href="javascript:;">
        <i class="fa fa-bar-chart"></i>
        <span class="title">Charts</span>
        <span class="arrow "></span>
    </a>
    <ul class="sub-menu">
        <li>
            <a class="" href="charts-morris.html">Morris Charts</a>
        </li>
        <li>
            <a class="" href="charts-chartjs.html">Chart JS</a>
        </li>
        <li>
            <a class="" href="charts-flot.html">Flot Charts</a>
        </li>
        <li>
            <a class="" href="charts-sparkline.html">Sparkline Charts</a>
        </li>
        <li>
            <a class="" href="charts-easypiechart.html">PIE charts & Knobs</a>
        </li>
        <li>
            <a class="" href="charts-rickshaw.html">Rickshaw Charts</a>
        </li>
    </ul>
</li>
<li class="">
    <a href="javascript:;">
        <i class="fa fa-table"></i>
        <span class="title">Tables</span>
        <span class="arrow "></span>
    </a>
    <ul class="sub-menu">
        <li>
            <a class="" href="tables-basic.html">Basic tables</a>
        </li>
        <li>
            <a class="" href="tables-data.html">Data Tables</a>
        </li>
        <li>
            <a class="" href="tables-responsive.html">Responsive Tables</a>
        </li>
    </ul>
</li>
<li class="">
    <a href="javascript:;">
        <i class="fa fa-columns"></i>
        <span class="title">Layouts</span>
        <span class="arrow "></span>
    </a>
    <ul class="sub-menu">
        <li>
            <a class="" href="layout-default.html">Default Layout</a>
        </li>
        <li>
            <a class="" href="layout-collapsed.html">Collapsed Menu</a>
        </li>
        <li>
            <a class="" href="layout-chat.html">Chat Open</a>
        </li>
        <li>
            <a class="" href="layout-boxed.html">Boxed Layout</a>
        </li>
    </ul>
</li>
<li class="">
    <a href="javascript:;">
        <i class="fa fa-map-marker"></i>
        <span class="title">Maps</span>
        <span class="arrow "></span>
    </a>
    <ul class="sub-menu">
        <li>
            <a class="" href="ui-vectormaps.html">Vector Maps</a>
        </li>
        <li>
            <a class="" href="ui-googlemaps.html">Google Maps</a>
        </li>
        <li>
            <a class="" href="ui-googlemapfull.html">Advanced Google Maps</a>
        </li>
    </ul>
</li>

<li class=""><a href="javascript:;"> <i class="fa fa-folder-open"></i> <span class="title">Menu Levels</span> <span
        class="arrow "></span> </a>
    <ul class="sub-menu">
        <li><a href="javascript:;"> <span class="title">Level 1.1</span> </a></li>
        <li><a href="javascript:;"> <span class="title">Level 1.2</span> <span class="arrow "></span> </a>
            <ul class="sub-menu">
                <li><a href="javascript:;"> <span class="title">Level 2.1</span> </a></li>
                <li><a href="ujavascript:;"> <span class="title">Level 2.2</span> <span class="arrow "></span></a>
                    <ul class="sub-menu">
                        <li><a href="javascript:;"> <span class="title">Level 3.1</span> <span
                                class="arrow "></span></a>
                            <ul class="sub-menu">
                                <li><a href="ujavascript:;"> <span class="title">Level 4.1</span> </a></li>
                                <li><a href="ujavascript:;"> <span class="title">Level 4.2</span> </a></li>
                            </ul>
                        </li>
                        <li><a href="ujavascript:;"> <span class="title">Level 3.2</span> </a></li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</li>

</ul>

</div>
<!-- MAIN MENU - END -->


<div class="project-info">

    <div class="block1">
        <div class="data">
            <span class='title'>New&nbsp;Orders</span>
            <span class='total'>2,345</span>
        </div>
        <div class="graph">
            <span class="sidebar_orders">...</span>
        </div>
    </div>

    <div class="block2">
        <div class="data">
            <span class='title'>Visitors</span>
            <span class='total'>345</span>
        </div>
        <div class="graph">
            <span class="sidebar_visitors">...</span>
        </div>
    </div>

</div>


</div>
<!--  SIDEBAR - END -->
<!-- START CONTENT -->
<section id="main-content" class=" ">
<section class="wrapper" style='margin-top:60px;display:inline-block;width:100%;padding:15px 0 0 15px;'>

<div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
    <div class="page-title">

        <div class="pull-left">
            <h1 class="title">Dashboard</h1></div>


    </div>
</div>
<div class="clearfix"></div>


<div class="col-lg-12">
<section class="box nobox">
<div class="content-body">
<div class="row">

    <div class="col-md-3 col-sm-5 col-xs-12">

        <div class="r1_graph1 db_box">
            <span class='bold'>98.95%</span>
            <span class='pull-right'><small>SERVER UP</small></span>

            <div class="clearfix"></div>
            <span class="db_dynamicbar">Loading...</span>
        </div>


        <div class="r1_graph2 db_box">
            <span class='bold'>2332</span>
            <span class='pull-right'><small>USERS ONLINE</small></span>

            <div class="clearfix"></div>
            <span class="db_linesparkline">Loading...</span>
        </div>


        <div class="r1_graph3 db_box hidden-xs">
            <span class='bold'>342/123</span>
            <span class='pull-right'><small>ORDERS / SALES</small></span>

            <div class="clearfix"></div>
            <span class="db_compositebar">Loading...</span>
        </div>

    </div>


    <div class="col-md-6 col-sm-7 col-xs-12">
        <div class="r1_maingraph db_box">
                                            <span class='pull-left'>
                                                <i class='icon-purple fa fa-square icon-xs'></i>&nbsp;<small>PAGE
                                                VIEWS
                                            </small>&nbsp; &nbsp;<i class='fa fa-square icon-xs icon-primary'></i>&nbsp;<small>
                                                UNIQUE VISITORS
                                            </small>
                                            </span>
                                            <span class='pull-right switch'>
                                                <i class='icon-default fa fa-line-chart icon-xs'></i>&nbsp; &nbsp;<i
                                                    class='icon-secondary fa fa-bar-chart icon-xs'></i>&nbsp; &nbsp;<i
                                                    class='icon-secondary fa fa-area-chart icon-xs'></i>
                                            </span>

            <div id="db_morris_line_graph" style="height:272px;width:95%;"></div>
            <div id="db_morris_area_graph" style="height:272px;width:90%;display:none;"></div>
            <div id="db_morris_bar_graph" style="height:272px;width:90%;display:none;"></div>
        </div>
    </div>

    <div class="col-md-3 col-sm-12 col-xs-12">
        <div class="r1_graph4 db_box">
                                            <span class=''>
                                                <i class='icon-purple fa fa-square icon-xs icon-1'></i>&nbsp;<small>CPU
                                                USAGE
                                            </small>
                                            </span>
            <canvas width='180' height='90' id="gauge-meter"></canvas>
            <h4 id='gauge-meter-text'></h4>
        </div>
        <div class="r1_graph5 db_box col-xs-6">
            <span class=''><i class='icon-purple fa fa-square icon-xs icon-1'></i>&nbsp;<small>LONDON</small>&nbsp; &nbsp;<i
                    class='fa fa-square icon-xs icon-2'></i>&nbsp;<small>PARIS</small></span>

            <div style="width:120px;height:120px;margin: 0 auto;">
                <span class="db_easypiechart1 easypiechart" data-percent="66"><span class="percent"
                                                                                    style='line-height:120px;'></span></span>
            </div>
        </div>

    </div>

</div>
<!-- End .row -->


<div class="row">
    <div class="col-md-8 col-sm-12 col-xs-12">
        <div class="wid-vectormap">
            <h4>Visitor's Statistics</h4>

            <div class="row">
                <div class="col-md-9 col-sm-9 col-xs-12">
                    <figure>
                        <div id="db-world-map-markers" style="width: 100%; height: 300px"></div>
                    </figure>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-12 map_progress">
                    <h4>Unique Visitors</h4>
                    <span class='text-muted'><small>Last Week Rise by 62%</small></span>

                    <div class="progress">
                        <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="62"
                             aria-valuemin="0" aria-valuemax="100" style="width: 62%"></div>
                    </div>
                    <br>
                    <h4>Registrations</h4>
                    <span class='text-muted'><small>Up by 57% last 7 days</small></span>

                    <div class="progress">
                        <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="57"
                             aria-valuemin="0" aria-valuemax="100" style="width: 57%"></div>
                    </div>
                    <br>
                    <h4>Direct Sales</h4>
                    <span class='text-muted'><small>Last Month Rise by 22%</small></span>

                    <div class="progress">
                        <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="22"
                             aria-valuemin="0" aria-valuemax="100" style="width: 22%"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-4 col-sm-12 col-xs-12">
        <div class="r2_graph1 db_box">


            <form id="rickshaw_side_panel">
                <section>
                    <div id="legend"></div>
                </section>
                <section>
                    <div id="renderer_form" class="toggler">
                        <select name="renderer">
                            <option value="area" selected>Area</option>
                            <option value="bar">Bar</option>
                            <option value="line">Line</option>
                            <option value="scatterplot">Scatter</option>
                        </select>
                    </div>
                </section>
                <section>
                    <div id="offset_form">
                        <label for="stack">
                            <input type="radio" name="offset" id="stack" value="zero" checked>
                            <span>stack</span>
                        </label>
                        <label for="stream">
                            <input type="radio" name="offset" id="stream" value="wiggle">
                            <span>stream</span>
                        </label>
                        <label for="pct">
                            <input type="radio" name="offset" id="pct" value="expand">
                            <span>pct</span>
                        </label>
                        <label for="value">
                            <input type="radio" name="offset" id="value" value="value">
                            <span>value</span>
                        </label>
                    </div>
                    <div id="interpolation_form">
                        <label for="cardinal">
                            <input type="radio" name="interpolation" id="cardinal" value="cardinal" checked>
                            <span>cardinal</span>
                        </label>
                        <label for="linear">
                            <input type="radio" name="interpolation" id="linear" value="linear">
                            <span>linear</span>
                        </label>
                        <label for="step">
                            <input type="radio" name="interpolation" id="step" value="step-after">
                            <span>step</span>
                        </label>
                    </div>
                </section>
            </form>

            <div id="chart_container" class="rickshaw_ext">
                <div id="chart"></div>
                <div id="timeline"></div>
            </div>

            <div id='rickshaw_side_panel' class="rickshaw_sliders">
                <section>
                    <h5>Smoothing</h5>

                    <div id="smoother"></div>
                </section>
                <section>
                    <h5>Preview Range</h5>

                    <div id="preview" class="rickshaw_ext_preview"></div>
                </section>
            </div>

        </div>
        <!--
                                        <div class="r2_counter1 db_box">
                                                counter 1
                                        </div>

                                        <div class="r2_counter2 db_box">
                                                counter 2
                                        </div> -->

    </div>

</div>
<!-- End .row -->


<div class="row">
    <div class="col-md-3 col-sm-6 col-xs-12">
        <div class="r4_counter db_box">
            <i class='pull-left fa fa-thumbs-up icon-md icon-rounded icon-primary'></i>

            <div class="stats">
                <h4><strong>45%</strong></h4>
                <span>New Orders</span>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6 col-xs-12">
        <div class="r4_counter db_box">
            <i class='pull-left fa fa-shopping-cart icon-md icon-rounded icon-orange'></i>

            <div class="stats">
                <h4><strong>243</strong></h4>
                <span>New Products</span>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6 col-xs-12">
        <div class="r4_counter db_box">
            <i class='pull-left fa fa-dollar icon-md icon-rounded icon-purple'></i>

            <div class="stats">
                <h4><strong>$3424</strong></h4>
                <span>Profit Today</span>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6 col-xs-12">
        <div class="r4_counter db_box">
            <i class='pull-left fa fa-users icon-md icon-rounded icon-warning'></i>

            <div class="stats">
                <h4><strong>1433</strong></h4>
                <span>New Users</span>
            </div>
        </div>
    </div>
</div>
<!-- End .row -->


<div class="row">
<div class="col-md-5 col-sm-12 col-xs-12">
    <div class="r3_notification db_box">
        <h4>Notifications</h4>

        <ul class="list-unstyled notification-widget">


            <li class="unread status-available">
                <a href="javascript:;">
                    <div class="user-img">
                        <img src="data/profile/avatar-1.png" alt="user-image" class="img-circle img-inline">
                    </div>
                    <div>
                                                            <span class="name">
                                                                <strong>Clarine Vassar</strong>
                                                                <span class="time small">- 15 mins ago</span>
                                                                <span class="profile-status available pull-right"></span>
                                                            </span>
                                                            <span class="desc small">
                                                                Sometimes it takes a lifetime to win a battle.
                                                            </span>
                    </div>
                </a>
            </li>


            <li class=" status-away">
                <a href="javascript:;">
                    <div class="user-img">
                        <img src="data/profile/avatar-2.png" alt="user-image" class="img-circle img-inline">
                    </div>
                    <div>
                                                            <span class="name">
                                                                <strong>Brooks Latshaw</strong>
                                                                <span class="time small">- 45 mins ago</span>
                                                                <span class="profile-status away pull-right"></span>
                                                            </span>
                                                            <span class="desc small">
                                                                Sometimes it takes a lifetime to win a battle.
                                                            </span>
                    </div>
                </a>
            </li>


            <li class=" status-busy">
                <a href="javascript:;">
                    <div class="user-img">
                        <img src="data/profile/avatar-3.png" alt="user-image" class="img-circle img-inline">
                    </div>
                    <div>
                                                            <span class="name">
                                                                <strong>Clementina Brodeur</strong>
                                                                <span class="time small">- 1 hour ago</span>
                                                                <span class="profile-status busy pull-right"></span>
                                                            </span>
                                                            <span class="desc small">
                                                                Sometimes it takes a lifetime to win a battle.
                                                            </span>
                    </div>
                </a>
            </li>


            <li class=" status-offline">
                <a href="javascript:;">
                    <div class="user-img">
                        <img src="data/profile/avatar-4.png" alt="user-image" class="img-circle img-inline">
                    </div>
                    <div>
                                                            <span class="name">
                                                                <strong>Carri Busey</strong>
                                                                <span class="time small">- 5 hours ago</span>
                                                                <span class="profile-status offline pull-right"></span>
                                                            </span>
                                                            <span class="desc small">
                                                                Sometimes it takes a lifetime to win a battle.
                                                            </span>
                    </div>
                </a>
            </li>


            <li class=" status-offline">
                <a href="javascript:;">
                    <div class="user-img">
                        <img src="data/profile/avatar-5.png" alt="user-image" class="img-circle img-inline">
                    </div>
                    <div>
                                                            <span class="name">
                                                                <strong>Melissa Dock</strong>
                                                                <span class="time small">- Yesterday</span>
                                                                <span class="profile-status offline pull-right"></span>
                                                            </span>
                                                            <span class="desc small">
                                                                Sometimes it takes a lifetime to win a battle.
                                                            </span>
                    </div>
                </a>
            </li>


            <li class=" status-available">
                <a href="javascript:;">
                    <div class="user-img">
                        <img src="data/profile/avatar-1.png" alt="user-image" class="img-circle img-inline">
                    </div>
                    <div>
                                                            <span class="name">
                                                                <strong>Verdell Rea</strong>
                                                                <span class="time small">- 14th Mar</span>
                                                                <span class="profile-status available pull-right"></span>
                                                            </span>
                                                            <span class="desc small">
                                                                Sometimes it takes a lifetime to win a battle.
                                                            </span>
                    </div>
                </a>
            </li>


            <li class=" status-busy">
                <a href="javascript:;">
                    <div class="user-img">
                        <img src="data/profile/avatar-2.png" alt="user-image" class="img-circle img-inline">
                    </div>
                    <div>
                                                            <span class="name">
                                                                <strong>Linette Lheureux</strong>
                                                                <span class="time small">- 16th Mar</span>
                                                                <span class="profile-status busy pull-right"></span>
                                                            </span>
                                                            <span class="desc small">
                                                                Sometimes it takes a lifetime to win a battle.
                                                            </span>
                    </div>
                </a>
            </li>


            <li class=" status-away">
                <a href="javascript:;">
                    <div class="user-img">
                        <img src="data/profile/avatar-3.png" alt="user-image" class="img-circle img-inline">
                    </div>
                    <div>
                                                            <span class="name">
                                                                <strong>Araceli Boatright</strong>
                                                                <span class="time small">- 16th Mar</span>
                                                                <span class="profile-status away pull-right"></span>
                                                            </span>
                                                            <span class="desc small">
                                                                Sometimes it takes a lifetime to win a battle.
                                                            </span>
                    </div>
                </a>
            </li>


        </ul>

    </div>
</div>

<div class="col-md-3 col-sm-6 col-xs-12">
    <div class="r3_weather">
        <div class="wid-weather wid-weather-small">
            <div class="">

                <div class="location">
                    <h3>California, USA</h3>
                    <span>Today, 12<sup>th</sup> March 2015</span>
                </div>
                <div class="clearfix"></div>
                <div class="degree">
                    <i class='fa fa-cloud icon-lg text-white'></i><span>Now</span>

                    <h3>24°</h3>

                    <div class="clearfix"></div>
                    <h4 class="text-white text-center">Hot & Sunny</h4>
                </div>
                <div class="clearfix"></div>
                <div class="weekdays bg-white">
                    <ul class="list-unstyled">
                        <li><span class='day'>Sunday</span><i class='fa fa-cloud icon-xs'></i><span class='temp'>23° - 27°</span>
                        </li>
                        <li><span class='day'>Monday</span><i class='fa fa-cloud icon-xs'></i><span class='temp'>21° - 26°</span>
                        </li>
                        <li><span class='day'>Tuesday</span><i class='fa fa-cloud icon-xs'></i><span class='temp'>24° - 28°</span>
                        </li>
                        <li><span class='day'>Wednesday</span><i class='fa fa-cloud icon-xs'></i><span class='temp'>25° - 26°</span>
                        </li>
                        <li><span class='day'>Thursday</span><i class='fa fa-cloud icon-xs'></i><span class='temp'>22° - 25°</span>
                        </li>
                        <li><span class='day'>Friday</span><i class='fa fa-cloud icon-xs'></i><span class='temp'>21° - 28°</span>
                        </li>
                        <li><span class='day'>Satday</span><i class='fa fa-cloud icon-xs'></i><span class='temp'>23° - 29°</span>
                        </li>
                    </ul>
                </div>

            </div>
        </div>

    </div>
</div>

<div class="col-md-4 col-sm-6 col-xs-12">

    <div class="ultra-widget ultra-todo-task bg-primary">
        <div class="wid-task-header">
            <div class="wid-icon">
                <i class="fa fa-tasks"></i>
            </div>
            <div class="wid-text">
                <h4>To do Tasks</h4>
                <span>Wed, <small>11<sup>th</sup> March 2015</small></span>
            </div>
        </div>
        <div class="wid-all-tasks">

            <ul class="list-unstyled">

                <li class="checked">
                    <input type="checkbox" id="task-1" class="icheck-minimal-white todo-task" checked>
                    <label class="icheck-label form-label" for="task-1">Office Projects</label>
                </li>
                <li>
                    <input type="checkbox" id="task-2" class="icheck-minimal-white todo-task">
                    <label class="icheck-label form-label" for="task-2">Generate Invoice</label>
                </li>

                <li>
                    <input type="checkbox" id="task-3" class="icheck-minimal-white todo-task">
                    <label class="icheck-label form-label" for="task-3">Ecommerce Theme</label>
                </li>
                <li>
                    <input type="checkbox" id="task-4" class="icheck-minimal-white todo-task">
                    <label class="icheck-label form-label" for="task-4">PHP and jQuery</label>
                </li>
                <li>
                    <input type="checkbox" id="task-5" class="icheck-minimal-white todo-task">
                    <label class="icheck-label form-label" for="task-5">Allocate&nbsp;Resource</label>
                </li>
            </ul>

        </div>
        <div class="wid-add-task">
            <input type="text" class="form-control" placeholder="Add task"/>
        </div>
    </div>


</div>

</div>
<!-- End .row -->


</div>
</section>
</div>


</section>
</section>
<!-- END CONTENT -->
<div class="page-chatapi hideit">

    <div class="search-bar">
        <input type="text" placeholder="Search" class="form-control">
    </div>

    <div class="chat-wrapper">
        <h4 class="group-head">Groups</h4>
        <ul class="group-list list-unstyled">
            <li class="group-row">
                <div class="group-status available">
                    <i class="fa fa-circle"></i>
                </div>
                <div class="group-info">
                    <h4><a href="#">Work</a></h4>
                </div>
            </li>
            <li class="group-row">
                <div class="group-status away">
                    <i class="fa fa-circle"></i>
                </div>
                <div class="group-info">
                    <h4><a href="#">Friends</a></h4>
                </div>
            </li>

        </ul>


        <h4 class="group-head">Favourites</h4>
        <ul class="contact-list">

            <li class="user-row" id='chat_user_1' data-user-id='1'>
                <div class="user-img">
                    <a href="#"><img src="data/profile/avatar-1.png" alt=""></a>
                </div>
                <div class="user-info">
                    <h4><a href="#">Clarine Vassar</a></h4>
                    <span class="status available" data-status="available"> Available</span>
                </div>
                <div class="user-status available">
                    <i class="fa fa-circle"></i>
                </div>
            </li>
            <li class="user-row" id='chat_user_2' data-user-id='2'>
                <div class="user-img">
                    <a href="#"><img src="data/profile/avatar-2.png" alt=""></a>
                </div>
                <div class="user-info">
                    <h4><a href="#">Brooks Latshaw</a></h4>
                    <span class="status away" data-status="away"> Away</span>
                </div>
                <div class="user-status away">
                    <i class="fa fa-circle"></i>
                </div>
            </li>
            <li class="user-row" id='chat_user_3' data-user-id='3'>
                <div class="user-img">
                    <a href="#"><img src="data/profile/avatar-3.png" alt=""></a>
                </div>
                <div class="user-info">
                    <h4><a href="#">Clementina Brodeur</a></h4>
                    <span class="status busy" data-status="busy"> Busy</span>
                </div>
                <div class="user-status busy">
                    <i class="fa fa-circle"></i>
                </div>
            </li>

        </ul>


        <h4 class="group-head">More Contacts</h4>
        <ul class="contact-list">

            <li class="user-row" id='chat_user_4' data-user-id='4'>
                <div class="user-img">
                    <a href="#"><img src="data/profile/avatar-4.png" alt=""></a>
                </div>
                <div class="user-info">
                    <h4><a href="#">Carri Busey</a></h4>
                    <span class="status offline" data-status="offline"> Offline</span>
                </div>
                <div class="user-status offline">
                    <i class="fa fa-circle"></i>
                </div>
            </li>
            <li class="user-row" id='chat_user_5' data-user-id='5'>
                <div class="user-img">
                    <a href="#"><img src="data/profile/avatar-5.png" alt=""></a>
                </div>
                <div class="user-info">
                    <h4><a href="#">Melissa Dock</a></h4>
                    <span class="status offline" data-status="offline"> Offline</span>
                </div>
                <div class="user-status offline">
                    <i class="fa fa-circle"></i>
                </div>
            </li>
            <li class="user-row" id='chat_user_6' data-user-id='6'>
                <div class="user-img">
                    <a href="#"><img src="data/profile/avatar-1.png" alt=""></a>
                </div>
                <div class="user-info">
                    <h4><a href="#">Verdell Rea</a></h4>
                    <span class="status available" data-status="available"> Available</span>
                </div>
                <div class="user-status available">
                    <i class="fa fa-circle"></i>
                </div>
            </li>
            <li class="user-row" id='chat_user_7' data-user-id='7'>
                <div class="user-img">
                    <a href="#"><img src="data/profile/avatar-2.png" alt=""></a>
                </div>
                <div class="user-info">
                    <h4><a href="#">Linette Lheureux</a></h4>
                    <span class="status busy" data-status="busy"> Busy</span>
                </div>
                <div class="user-status busy">
                    <i class="fa fa-circle"></i>
                </div>
            </li>
            <li class="user-row" id='chat_user_8' data-user-id='8'>
                <div class="user-img">
                    <a href="#"><img src="data/profile/avatar-3.png" alt=""></a>
                </div>
                <div class="user-info">
                    <h4><a href="#">Araceli Boatright</a></h4>
                    <span class="status away" data-status="away"> Away</span>
                </div>
                <div class="user-status away">
                    <i class="fa fa-circle"></i>
                </div>
            </li>
            <li class="user-row" id='chat_user_9' data-user-id='9'>
                <div class="user-img">
                    <a href="#"><img src="data/profile/avatar-4.png" alt=""></a>
                </div>
                <div class="user-info">
                    <h4><a href="#">Clay Peskin</a></h4>
                    <span class="status busy" data-status="busy"> Busy</span>
                </div>
                <div class="user-status busy">
                    <i class="fa fa-circle"></i>
                </div>
            </li>
            <li class="user-row" id='chat_user_10' data-user-id='10'>
                <div class="user-img">
                    <a href="#"><img src="data/profile/avatar-5.png" alt=""></a>
                </div>
                <div class="user-info">
                    <h4><a href="#">Loni Tindall</a></h4>
                    <span class="status away" data-status="away"> Away</span>
                </div>
                <div class="user-status away">
                    <i class="fa fa-circle"></i>
                </div>
            </li>
            <li class="user-row" id='chat_user_11' data-user-id='11'>
                <div class="user-img">
                    <a href="#"><img src="data/profile/avatar-1.png" alt=""></a>
                </div>
                <div class="user-info">
                    <h4><a href="#">Tanisha Kimbro</a></h4>
                    <span class="status idle" data-status="idle"> Idle</span>
                </div>
                <div class="user-status idle">
                    <i class="fa fa-circle"></i>
                </div>
            </li>
            <li class="user-row" id='chat_user_12' data-user-id='12'>
                <div class="user-img">
                    <a href="#"><img src="data/profile/avatar-2.png" alt=""></a>
                </div>
                <div class="user-info">
                    <h4><a href="#">Jovita Tisdale</a></h4>
                    <span class="status idle" data-status="idle"> Idle</span>
                </div>
                <div class="user-status idle">
                    <i class="fa fa-circle"></i>
                </div>
            </li>

        </ul>
    </div>

</div>


<div class="chatapi-windows ">


</div>
</div>
<!-- END CONTAINER -->
<!-- LOAD FILES AT PAGE END FOR FASTER LOADING -->


<!-- CORE JS FRAMEWORK - START -->
<script src="assets/js/jquery-1.11.2.min.js" type="text/javascript"></script>
<script src="assets/js/jquery.easing.min.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/plugins/pace/pace.min.js" type="text/javascript"></script>
<script src="assets/plugins/perfect-scrollbar/perfect-scrollbar.min.js" type="text/javascript"></script>
<script src="assets/plugins/viewport/viewportchecker.js" type="text/javascript"></script>
<!-- CORE JS FRAMEWORK - END -->


<!-- OTHER SCRIPTS INCLUDED ON THIS PAGE - START -->
<script src="assets/plugins/rickshaw-chart/vendor/d3.v3.js" type="text/javascript"></script>
<script src="assets/plugins/jquery-ui/smoothness/jquery-ui.min.js" type="text/javascript"></script>
<script src="assets/plugins/rickshaw-chart/js/Rickshaw.All.js"></script>
<script src="assets/plugins/sparkline-chart/jquery.sparkline.min.js" type="text/javascript"></script>
<script src="assets/plugins/easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
<script src="assets/plugins/morris-chart/js/raphael-min.js" type="text/javascript"></script>
<script src="assets/plugins/morris-chart/js/morris.min.js" type="text/javascript"></script>
<script src="assets/plugins/jvectormap/jquery-jvectormap-2.0.1.min.js" type="text/javascript"></script>
<script src="assets/plugins/jvectormap/jquery-jvectormap-world-mill-en.js" type="text/javascript"></script>
<script src="assets/plugins/gauge/gauge.min.js" type="text/javascript"></script>
<script src="assets/plugins/icheck/icheck.min.js" type="text/javascript"></script>
<script src="assets/js/dashboard.js" type="text/javascript"></script>
<!-- OTHER SCRIPTS INCLUDED ON THIS PAGE - END -->


<!-- CORE TEMPLATE JS - START -->
<script src="assets/js/scripts.js" type="text/javascript"></script>
<!-- END CORE TEMPLATE JS - END -->

<!-- Sidebar Graph - START -->
<script src="assets/plugins/sparkline-chart/jquery.sparkline.min.js" type="text/javascript"></script>
<script src="assets/js/chart-sparkline.js" type="text/javascript"></script>
<!-- Sidebar Graph - END -->


<!-- General section box modal start -->
<div class="modal" id="section-settings" tabindex="-1" role="dialog" aria-labelledby="ultraModal-Label"
     aria-hidden="true">
    <div class="modal-dialog animated bounceInDown">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Section Settings</h4>
            </div>
            <div class="modal-body">

                Body goes here...

            </div>
            <div class="modal-footer">
                <button data-dismiss="modal" class="btn btn-default" type="button">Close</button>
                <button class="btn btn-success" type="button">Save changes</button>
            </div>
        </div>
    </div>
</div>
<!-- modal end -->
</body>
</html>


<script type="text/javascript">


</script>